<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style>
        .a{
            height: 100px;
            width: 200px;
            background-color: aquamarine;
        }
    </style>    
</head>
<body style="padding-left: 60px;padding-top:20px;">
    
<!-- v-test2 -->

        <!-- 查看自定义指令 -->
        <!-- <div v-test v-test2></div> -->

        <!-- 查看事件 -->
        <div>
            <span>1
                <strong>22</strong> 
            </span>
            {{num}}
        </div>


        <!-- 组件自定义事件 -->
        <!-- <div>
            <test  @click="this.alert(1)"></test>
        </div> -->

        <!-- 查看动态数据 -->
        <!-- <div :data="data">
            {{data}}
        </div> -->

        <!-- 查看 v-if -->
        <!-- <div>
            <p v-if="isShow"></p>
            <span v-else-if="isShow==2"></span>
            <section v-else></section>
        </div> -->

        <!-- 查看 v-for -->
        <!-- <div>
            <span v-for="(item,index) in arr">
            </span>
        </div> -->
        <!-- <div is="test">
        </div> -->

        
        <!-- <div :aaa.prop="11" bbb="bbb">
        </div> -->

        <!-- class，style -->
        <!-- <div class="a" :class="aa" 
            style="height:0" :style="{width:0}">
        </div> -->

        <!-- 查看静态节点 -->
        <!-- <div name="a">
           <span></span>
           <span v-if="testStaticRender"></span>
           <span><strong></strong></span>
        </div> -->
        
        <!-- 查看有组件的 -->
        <!-- <div :a.prop="11" b="2"
            v-html="">
            <test v-model="num">
                <strong slot="a" slot-scope="arr"></strong>
                <span></span>
            </test>
        </div> -->
        
        <!-- 给组件传值 -->
        <!-- <div >
            {{num}}
            <test :child_num="num"></test>
        </div> -->

        
        <!-- 查看组件的 slot -->
        <!-- <div class="" >
            <test > 
                <span ></span>
            </test> 
        </div> -->
        
        <!-- 表单 -->
        <!-- <select v-model="name" id="select">
            <option :value="i" v-for="i in arr">{{i}}</option>
        </select> -->

        <!-- 表单 -->
        <!-- <input type="radio" v-model="name" value="1">-->

        <!-- 表单 -->
        <!-- <div>
            
            <input type="checkbox" v-model="name" 
            value="1" >
        </div> -->

        <!-- 表单 -->
        <!-- <textarea cols="30" rows="10"  v-model="name"></textarea>  -->
        

    <br>
    <br>
    <br>

    <script>
        var newV,OldV,OldV2
    </script>

    <script src="../lib/util.js"></script>
    <script src="../lib/vue-common.js"></script>
    <script src="../lib/vue-mark.js"></script>
    <script src="../lib/vue-dom.js"></script>
    <script src="../lib/vue._no_transition.js"></script> 
    <!-- <script src="../lib/vue.js"></script> -->
    <script src="./vue.test.js"></script> 

    <script>
    
    
    </script>
</body>

</html>